<template>
  <div :class="'inter-course-detail-box'">
    <interview-course-left　:left-infos ="datas.leftDatas" />
    <el-col :span="19" :class="'course-main-box'">
      <span class="iconfont icon-icon-top-copy main-box-icon"></span>
      <el-row :class="'course-detail-container passed-detail'">
        <div class="detail-title">
          第{{ datas.details.interview_num }}轮面试反馈：{{
            datas.details.tempInterviewBackTxt
          }}
        </div>
        <!-- <div class="detail-title">简历反馈：{{ datas.details.state === 1 ? '通过' : '未通过' }}</div> -->
        <el-col :span="24" :class="'info-item'">
          <span class="info-item-tip info-s not-go-s"
            >{{ datas.details.state === 5 ? "待定原因" : "未通过原因" }}
          </span>
          <span class="sign">:</span>
          <span class="info-item-txt">
            {{ datas.details.remarks }}</span
          >
        </el-col>
      </el-row>
    </el-col>
  </div>
</template>
<script>
import InterviewCourseLeft from "./interviewCourseLeft";
export default {
  props: {
    datas: {
      type: Object,
      default: function () {
        return {};
      },
    },
  },
  components: {
    InterviewCourseLeft,
  },
  data() {
    return {};
  },
};
</script>
<style lang="scss">
@import "~@/assets/scss/mixins.scss";
@include Course-Detail;
.course-detail-container .info-item .not-go-s {
  width: 100px;
}
</style>
